<template>
<div>
    <h1>欢迎使用学生信息管理系统</h1>
    <nav>
        <router-link :to="name='user'">用户管理</router-link>
        |
        <router-link :to="name='student'">学生管理</router-link>
        |
        <router-link :to="name='score'">成绩管理</router-link>
    </nav>
<!--    路由出口-->
    <RouterView></RouterView>
</div>
</template>

<script>
export default {
    name: "IndexView"
}
</script>

<style scoped>
h1{
    color: #42b983;
    background-color: azure;
    text-align: center;
    border-bottom:1px solid black;
}
nav{
    padding: 30px;
    text-align: center;
}
nav a{
    font-weight: bold;
    color: #2c3e50;
}
nav a.router-link0exact-active{
    color: #42b983;
}
</style>